body{
    background-color: white;
}
.banner{
    img{
        width: 100%;
    }
}
.connet{
    .cn-top{
        width: 996px;
        margin: 0 auto;
      
        .path{
            line-height: 60px;
        }
        .cn-head{
            width: 100%;
            display: flex;
            justify-content: space-between;
            position: relative;
            &::after{
                    content:"";
                    display: block;
                    width: 100%;
                    height: 1px;
                    background-color: #b4b4b4;
                    position: absolute;
                    bottom: 0%;
                    left: 0;
                }
            .cnh-lf{
     
                .lf-top{
                  width:410px;
                  height:260px;
                  display: flex;
                  div:first-of-type{    
                      img{
                        width: 100%;
                        height: 100%;
                      }    
                  }
                  div:last-of-type{
                      position: relative;
                    img{
                        position: absolute;
                        bottom: 5%;
                        right: 20px;
                    }
                  }
                }
                .lf-bottom{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    div{
                        width: 80px;
                        height: 75px;
                        border: 1px solid #b4b4b4;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        img{
                            width: 100%;
                        }
                    }
                }
            }
            .cnh-rg{
            
                padding: 40px 10px 0px 40px;
                div:first-child{
                    
                    h1{
                        line-height: 40px;
                        font-size: 20px;
                        color: #468bd9;
                    }
                    h2{
                        line-height: 40px;
                        font-size: 20px;
                    }
                    p{
                        font-size: 10px;
                    }
                    p:first-of-type{
                        font-size: 14px;
                        font-weight: bold;
                        line-height: 30px;
                    }
                }
                .rg-bottom{
                    display: flex;
                    justify-content: space-around;
                    margin-top: 30px;
                    div{
                        width: 150px;
                        height: 40px;
                        color: white;
                        line-height: 40px;
                        border-radius: 10px;
                        text-align: center;
                        background-color:#b5b5b5;
                        cursor: pointer;
                        &:hover{
                            background-color:#468bd9 ;
                        }
                    }
                }
            }
        }
       
    }
    .cn-center{
        background-color: #b5b5b5;
        height: 85px;
        
        .cn-nav{
            width: 996px;
            margin: 35px auto;
            display: flex;
           
            div{
                text-align: center;
                line-height: 85px;
                color: white;
                font-size: 20px;
                margin-left:25px;
                position: relative;
               
                &:hover{
                    background-color: white;
                    color: #468bd9;
                    &::after{
                        content:"";
                        display: block;
                        width: 100%;
                        height: 4px;
                        background-color: #468bd9;
                        position: absolute;
                        bottom: 0%;
                        left: 0;
                    }
                }
            }
        }
    }
    .cn-bottom{
        width: 996px;
        margin: 0 auto;
        text-align: center;
        margin-top: 60px;
        h1{
            font-size: 30px;
            color:#0b5ae4 ;
            line-height: 50px;
        }
        p{
            font-size: 10px;
            color: #b6b6b6;
            line-height: 25px;
        }
        img{
            margin: 40px 0;
            width: 747px;
        }
    } 
    .bt-center{
        background-color: #b5b5b5;
        height: 85px;  
        .bt-nav{
            width: 996px;
            margin: 35px auto;
            display: flex;     
            div{
                text-align: center;
                line-height: 85px;
                color: white;
                font-size: 20px;
                margin-left:25px;
            }
        }
    }  
    .bt-product{
        width: 996px;
        margin: 60px auto;
        display: flex;
        img{
            width: 200px;
        }
    }
}
